<template>
  <div class="deletes">
    <el-button  type="text" class="el-icon-delete" title="删除" @click="open3"></el-button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
      }
    },
    methods: {
      open3(rows, index) {
        this.$confirm('确认是否删除站点？', '提示', {
          cancelButtonClass: 'userCancel',
          confirmButtonClass: 'userConfirm',
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '删除成功!'
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          })
        })
      }
    }
  }
</script>

<style>
  .deletes {
    display: none;
  }
  .el-message-box{
    width: 540px;
  }
  .el-message-box__header{
    background-color: #E3E6EE;
    padding: 10px 15px;
  }
  .el-message-box__title{
    font-size: 18px;
    font-weight: Bold;
    color: #323842;
  }
  .el-message-box__status{
    right: 247px;
    top: 65px;
    font-size: 48px !important;
  }
  .el-message-box__status.el-icon-warning{
    color: #E53D41;
  }
  .el-message-box__content{
    height: 182px;
  }
  .el-message-box__status + .el-message-box__message {
    padding-left: 20px;
    padding-right: 12px;
  }
  .el-message-box__message p {
    margin: 0;
    font-size: 18px;
    color: #323842;
    padding-top: 96px;
    text-align: center;
  }
  .el-message-box__headerbtn{
    top: 9px;
    font-size: 18px;
  }
  .el-message-box__btns{
    padding: 10px 15px 7px ;
    border-top: 1px solid #e8eaf1;
  }
  .el-icon-delete{
    padding: 0;
    font-size: 20px;
    color: #d97159;
  }
  .el-icon-delete:hover{
    color: #d97159;
  }
  .el-icon-delete:focus{
    color: #d97159;
  }
</style>
